<template>
	<view>
		<!-- <block v-for="(item,index) in diyItems" :key="index"> -->
		<!--搜索框-->
		<!-- <u-sticky bgColor="#fff"> -->
		<!-- <template>
				<search :itemData="itemData"></search>
			</template> -->
		<!-- </u-sticky> -->

		<!--轮播图-->
		<template>
			<banner :itemData="bannerList"></banner>
		</template>

		<!--导航组-->
		<template>
			<navBar :itemData="itemData"></navBar>
		</template>

		<!--热门推荐 -->
		<template>
			<hot :itemData="hotProductList"></hot>
		</template>

		<!--商品组-->
		<template>
			<product :itemData="homeProductList"></product>
		</template>
		<!-- </block> -->
	</view>
</template>

<script>
	import banner from './banner/banner';
	import navBar from './navBar/navBar';
	import product from './product/product';
	import hot from './hot/hot';

	export default {
		components: {
			banner,
			navBar,
			product,
			hot
		},
		data() {
			return {}
		},
		props: ['diyItems', 'bannerList', 'hotProductList', 'homeProductList'],
		created() {}
	}
</script>

<style lang="scss" scoped>

</style>